<!doctype html>
<html>

<head>
	<meta charset="utf-8" />
	<title>Your Application Name</title>
	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<!-- 先引入 Vue -->
	<script src="https://unpkg.com/vue@2.4.2/dist/vue.js"></script>
	<!-- 引入组件库 -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<meta name="viewport" content="width=device-width,initial-scale=1"/>
	<style>
		body{
			height: 100vh!important;
			overflow: hidden!important;
		}
	</style>
</head>

<body>
	<div id="app">
		<paged-panel :scroll-state="true">
			<div style="background: red; height:100px">100</div>
			<div style="background: green; height:100px">200</div>
			<div style="background: blueviolet; height:100px">300</div>
			<div style="background: red; height:100px">400</div>
			<div style="background: red; height:100px">100</div>
			<div style="background: green; height:100px">200</div>
			<div style="background: blueviolet; height:100px">300</div>
			<div style="background: red; height:100px">400</div>
		</paged-panel>
	</div>
</body>
<script src="./dist/vendor.build.js"></script>
<script src="./dist/build.js"></script>

</html>